<template>
<h1>文本指令相关练习</h1>
<!--  {{ 插值表达式 }}-->
  <p>{{ info }}</p>
  {{info+'早上好！'}}
<!-- v-text= 给当前标签绑定文本,只识别文本不识别标签 -->
  <p v-text="info"></p>
<!--  v-html 绑定文本，可以识别文本中的标签渲染生效-->
  <p v-text="str"></p>
  <p v-html="str"></p>
</template>
<!--vue3 新特性setup  -->
<script setup>
import {ref} from "vue";

// var msg = "hello world";
//响应式变量
const info = ref("hello world")
const str = ref("<b>hello world</b>")

</script>

<style scoped>

</style>